<template>
  <div id="app">
    <!-- router-link添加路由跳转 -->
    <!-- <div class="nav">
        <router-link to="/home">首页</router-link> 
        <router-link to="/list">列表页</router-link> 
         <router-link to="/mine">个人页</router-link> 
    </div> -->
    <!-- 显示路由映射对应的组件内容 -->
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
/* 引入阿里矢量字体图标库 */
@import 'http://at.alicdn.com/t/font_1962490_qoku3bb30hj.css';
/* 引入美团矢量图标 */
/* @import "https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:d5896c44/touch/css/iconfont/iconfont.6dae7b05.css"; */
#app {
    /* 字体系列：有衬线（毛笔字）、无衬线字体（微软雅黑） */
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
}

body{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:.373333rem;
    line-height: 1;
    color:#333;
    background:#f0efed;
}
</style>
